<html>
<head>
<meta  charset="UTF-8">
<title>艺术团</title>
<style type="text/css">
 /*头部*/
.t-yan{width:1200px; height:16px; margin:0 auto; background:#1f6ab0}
.barder{width:1200px; height:104px; margin:0 auto;}
.barder-l{width:140px; height:68px; float:left; padding-top:10px ; padding-bottom:5px}
.barder-c{width:800px; height:104px; float:left;}
.barder-c ul li{float:left; width:100px; text-align:center;font-size:16px; margin-top:40px;  }
.barder-c ul li a{ line-height:20px; color:#1f6ab0; float:left;  font-family:"微软雅黑" }
.barder-c ul li a:hover{ border-bottom:1px solid #1f6ab0}
.barder-r{width:240px; height:94px; float:right; padding:10px 0 0 10px; color:#1f6ab0}
.barder-r a{ color:#1f6ab0}
.barder-r p{margin-bottom:10px;font-size:12px; }
.for{ width:215px; height:26px; }
.for img{float:right;}
#txt{float:left; width:182px; height:26px; border:2px solid #1f6ab0; color:#3075b9; font-size:16px; text-align:center}
.banla{width:1200px; height:450; margin: 0  auto}   
/*首页*/
.main{ width:1200px; height:auto; margin:20px auto 0; overflow:hidden}
.mainl{width:200px; height:auto; float:left;}
.mainl-s{width:220px; height:37px; background:url(images/xint.jpg) no-repeat; text-align:center; padding-top:31px;}
.mainl-s ul li{width:150px; height:37px; text-align:center;  list-style-type: none;}
.mainl-s .bg{font-size:16px; color:#6c5f50; color:#FFF;}
.mainl-s .bg span{ font-size:14px;  font-weight:normal; color:#FFF;}
.mainl-s ul .bg { padding-top:30px; width:120px; height:48px; color:#FFF; }
.mainl-c{width:218px; height:auto; border:1px solid #999;font-weight:bold}
.mainl-c ul li{width:120px; height:58px; text-align:center; padding-top:25px; border-bottom:1px dotted #999999 ; list-style-type: none; }
.mainl-c ul li a span{ font-size:14px; color:#dddbd9;list-style-type: none;}
.mainl-c ul li a{ color:#6c5f50;font-family:"DFPShaoNvW5-GB"; }
.mainl-c ul li.no{ border-bottom:none}

.mainl-f{width:220px; height:63px; background:url(images/xint.jpg) no-repeat; text-align:center; padding-top:5px; font-family:"DFPShaoNvW5-GB";  }
.mainl-f ul li{width:150px; height:43px; text-align:center; padding-top:25px;}
.mainl-f ul li a{font-size:18px; color:#6c5f50; color:#FFF; font-weight:bold }
.mainl-f ul li a span{ font-size:14px; font-weight:normal}
/*联系我们*/
.mainr-di{ width:940px; height:auto; margin-top:40px;
float: right;}
.mainr-di table{ width:800px; height:500px; margin-top:30px; line-height:20px }
.ge{ text-align:right;; font-size:14px}
.txt{ width:400px; height:20px}
.kuan{ height:23px; font-size:12px}
.dian{ font-size:20px; color:#999999}
/*jieshu*/
.jie{width:100%; height:45px; background:url(images/dibu-bg.jpg);padding-top:20px;margin-top: 20px;}
.shu p{color:#FFF; font-size:12px; text-align:center;  }
</style>
</head>
<body>
<!--头部-->
<div class="t-yan"></div>
<div class="barder">
<div  class="barder-l">
<a href="#"><img src="images/41.jpg" /></a></div>
<div class="barder-c">
<ul><li><a href="index.html">首页</a></li>
	<li><a  href="art.html">艺术团简介</a></li>
	<li><a  href="#">入团中心</a></li>
	<li><a  href="#">入团说明</a></li>
	<li><a href="#">联系我们</a></li>
</ul>
</div>
<div class="barder-r">
<p><a  href="index.html">首页</a>丨<a href="#">登录</a>丨<a href="#">注册</a>丨<a href="#">管理中心</a></p>
<div class="for">
<form >
<input type="text"value="视频搜索"id="txt"/>
<input type="image" src="images/suosou.jpg" />
</form>
</div>
</div>
</div>
<!--banna-->
<div class="banla"> <img src="images/40.jpg" /></div>
<!--内容-->
<div class="main">
<div class="mainl">
<div  class="mainl-s">
<ul>
<li>
	<a href="#"class="bg">入团中心<br /><span>Company</span></a>
	</li></ul>
</div>
<div class="mainl-c">
<ul>
<li><a href="#">入团说明<br /><span>Introductions</span></a></li>
<li><a href="#">入团通知<br /><span>Notice</span></a></li>
<li><a href="#" class="no">联系我们<br /><span>Contact</span></a></li>
</ul>
</div>
<div  class="mainl-f">
<ul>
<li  >
	<a href="#"class="bg">友情链接<br /><span>Link</span></a>
	</li></ul>
</div>
<div class="mainl-c">
<ul>
<li><a href="#" class="shang"><img src="images/31.jpg" /></a></li>
<li><a href="#"><img src="images/32.jpg" /></a></li>
<li><a href="#" ><img src="images/33.jpg" /></a></li>
</ul>
</div>
</div>
<div class="mainr-di">
  <form>
  <table>
  <tr><td class="ge">留言标题：</td><td><input type="text" class="txt" /></td></tr>
   <tr><td class="ge">留言内容：</td><td><textarea cols="60" rows="6" class="nei"></textarea></td></tr>
    <tr><td class="ge">联系邮箱：</td><td><input type="text"  class="txt"/></td></tr>
     <tr><td class="ge">联系电话：</td><td><input type="text" class="txt" /></td></tr>
      <tr><td class="ge">联系人：</td><td><input type="text" class="txt" /></td></tr>
       <tr><td></td><td><input  type="image" src="images/tijiao.jpg" /></td></tr>
  <tr><td></td><td></td></tr>
  <tr><td class="ge">其他在线联系方式：</td><td class="kuan"><input  type="image" src="images/lianxi.jpg"  /></td></tr>
  <tr><td></td><td  class="kuan">学生服务热线</td></tr>
  <tr><td></td><td  class="kuan dian">14110100731</td></tr>
  <tr><td></td><td  class="kuan"></td></tr>
  <tr><td></td><td  class="kuan">邮箱</td></tr>
  <tr><td></td><td  class="kuan dian">libuyuan14@neu.edu.cn</td></tr>
  </table>
  </form>
  </div>
</div>
<div class="jie">
<div class="shu"><p>联系我们 　 计算机科学与技术系:　14007班   14110100731　  　李簿原        Web:www.mycodes.net</p></div>
</div> 
</body>
</html>
